<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>四川点墨三合科技有限公司</title>
<!-- core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet"> 
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet"> 
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->       
<link rel="shortcut icon" href="images/ico/favicon.ico"> 
</head> 

<body id="home">
<header id="header">
	<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="banner">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html"><img src="images/logo.png"  style="width: 64px;" alt="logo"></a>
			</div>
			
			<div class="collapse navbar-collapse navbar-right">
				<ul class="nav navbar-nav">
					<li class="scroll active"><a href="#home">首页</a></li>
					<li class="scroll"><a href="#about">关于我们</a></li>
					<li class="scroll"><a href="#services">产品服务</a></li>
					<li class="scroll"><a href="#our-team">服务者</a></li>
					<li class="scroll"><a href="#portfolio">场景</a></li>
					<!--<li class="scroll"><a href="#pricing">Pricing</a></li>-->
					<li class="scroll"><a href="#contact-us">联系我们</a></li>
				</ul>
			</div>
		</div><!--/.container-->
	</nav><!--/nav-->
</header><!--/header-->

<section id="hero-banner">
		 <div class="banner-inner">
				<div class="container">
					<div class="row">
						<div class="col-sm-12">
							 
								<h2><b>宣我</b></h2>
								<p>这是一个技能分享与展示、需求发布、技能共享平台 </p>
								<!--<a class="btn btn-primary btn-lg" href="#">Start Now</a>-->
							
						</div>
					</div>
				</div>
			</div>
</section><!--/#main-slider-->

<section id="about">
	<div class="container">

		<div class="section-header">
			<h2 class="section-title wow fadeInDown">我们是谁</h2>
			<p class="wow fadeInDown" style="font-size: 18px">帮助更多有专业技能的人在碎片化时间实现技能快速变现.</p>
		</div>

		<div class="row">
			<div class="col-sm-6 wow fadeInLeft">
				<img class="img-responsive" src="images/about.png" alt="">
			</div>

			<div class="col-sm-6 wow fadeInRight">
				<h3 class="column-title">我们的平台</h3>
				<p>致力于深耕“灵活用工”市场，深度挖掘文化、体育、时尚、旅游四大产业在“灵活用工”市场的消费需求，同时结合线上线下技能交流社区与商家营销版块形成“三维一体”的生态经济链。</p>

				<ul class="listarrow">
					<li><i class="fa fa-angle-double-right"></i>有氧运动</li>
					<li><i class="fa fa-angle-double-right"></i>拉腹</li>
					<li><i class="fa fa-angle-double-right"></i>特种教练机</li>
					<li><i class="fa fa-angle-double-right"></i>。。。。。。</li>
				</ul>


			</div>
		</div>
	</div>
</section><!--/#about-->

<section id="services" >
	<div class="container">

		<div class="section-header">
			<h2 class="section-title wow fadeInDown">产品服务</h2>
			<!--<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>-->
		</div>

		<div class="row">
			<div class="features">
				<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms">
					<div class="media service-box">
						<div class="pull-left">
							<i class="fa fa-futbol-o"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">健身指导</h4>
							<p>来自行业的资深的技术指导，提供个化的一对一的健身指导</p>
						</div>
					</div>
				</div><!--/.col-md-4-->

				<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms">
					<div class="media service-box">
						<div class="pull-left">
							<i class="fa fa-compass"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">广告模特</h4>
							<p>专业的广告模特，从业不低于3年</p>
						</div>
					</div>
				</div><!--/.col-md-4-->

				<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms">
					<div class="media service-box">
						<div class="pull-left">
							<i class="fa fa-database"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">歌手</h4>
							<p>专业的歌手指导，全面的课程体系指导.</p>
						</div>
					</div>
				</div><!--/.col-md-4-->
			
				<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="300ms">
					<div class="media service-box">
						<div class="pull-left">
							<i class="fa fa-bar-chart"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">地导</h4>
							<p>地地道道的地方导游，提供本地最全面的旅游计划提供参考.</p>
						</div>
					</div>
				</div><!--/.col-md-4-->

				<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="400ms">
					<div class="media service-box">
						<div class="pull-left">
							<i class="fa fa-paper-plane-o"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">练舞指导</h4>
							<p>常见的舞蹈指导，快速进入舞蹈门槛.</p>
						</div>
					</div>
				</div><!--/.col-md-4-->

				<div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="500ms">
					<div class="media service-box">
						<div class="pull-left">
							<i class="fa fa-bullseye"></i>
						</div>
						<div class="media-body">
							<h4 class="media-heading">其他</h4>
							<p>提供常见万金油服务.</p>
						</div>
					</div>
				</div><!--/.col-md-4-->
			</div>
		</div><!--/.row-->    
	</div><!--/.container-->
</section><!--/#services-->


 <section id="our-team">
	<div class="container">
		<div class="section-header">
			<h2 class="section-title wow fadeInDown">
服务者
</h2>
<p class="wow fadeInDown">我们的服务者是经过严格的筛选，同时具有相关的从业资格证，并且具备有多年的从业经验。</p>
		</div>
		
			
		<div class="row text-center">
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="team-member wow fadeInUp" data-wow-duration="400ms" data-wow-delay="0ms">
					<div class="team-img">
						<img class="img-responsive" src="images/team/01.jpg" alt="">
					</div>
					<div class="team-info">
						<h3>Micky Deo</h3>
						<span>Founder</span> 
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="team-member wow fadeInUp" data-wow-duration="400ms" data-wow-delay="100ms">
					<div class="team-img">
						<img class="img-responsive" src="images/team/02.jpg" alt="">
					</div>
					<div class="team-info">
						<h3>Mike Timobbs</h3>
						<span>Sr. Trainer</span> 
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="team-member wow fadeInUp" data-wow-duration="400ms" data-wow-delay="200ms">
					<div class="team-img">
						<img class="img-responsive" src="images/team/03.jpg" alt="">
					</div>
					<div class="team-info">
						<h3>Remo Silvaus</h3>
						<span>Sr. Trainer</span> 
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="team-member wow fadeInUp" data-wow-duration="400ms" data-wow-delay="300ms">
					<div class="team-img">
						<img class="img-responsive" src="images/team/04.jpg" alt="">
					</div>
					<div class="team-info">
						<h3>Niscal Deon</h3>
						<span>Jr. Trainer</span> 
					</div>
				</div>
			</div>
		</div>

	</div>
</section><!--/#our-team-->

<section id="portfolio">
	<div class="container">
		<div class="section-header">
			<h2 class="section-title wow fadeInDown">实际场景</h2>
			<!--<p class="wow fadeInDown">.</p>-->
		</div>

		<div class="text-center">
			<ul class="portfolio-filter" style="display:none">
				<li><a class="active" href="#" data-filter="*">All Works</a></li>
				<li><a href="#" data-filter=".designing">Designing</a></li>
				<li><a href="#" data-filter=".mobile">Mobile App</a></li>
				<li><a href="#" data-filter=".development">Development</a></li>
			</ul><!--/#portfolio-filter-->
		</div>

		<div class="portfolio-items">
			<div class="portfolio-item designing">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/01.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/01.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item mobile development">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/02.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/02.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item designing">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/03.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/03.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item mobile">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/04.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/04.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item designing development">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/05.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/05.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item mobile">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/06.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/06.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item designing development">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/07.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/07.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->

			<div class="portfolio-item mobile">
				<div class="portfolio-item-inner">
					<img class="img-responsive" src="images/portfolio/08.jpg" alt="">
					<div class="portfolio-info"> 
						<a class="preview" href="images/portfolio/08.jpg" rel="prettyPhoto"><i class="fa fa-eye"></i></a>
					</div>
				</div>
			</div><!--/.portfolio-item-->
		</div>
	</div><!--/.container-->
</section><!--/#portfolio-->



<section id="business-stats">
	<div class="container">
		<div class="section-header">
			<h2 class="section-title wow fadeInDown">状况</h2>
			<!--<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>-->
		</div>

		<div class="row text-center">
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="wow fadeInUp" data-wow-duration="400ms" data-wow-delay="0ms">
					<div class="business-stats" data-digit="6850" data-duration="1000"></div>
					<strong>客户</strong>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="wow fadeInUp" data-wow-duration="400ms" data-wow-delay="100ms">
					<div class="business-stats" data-digit="1465" data-duration="1000"></div>
					<strong>服务者</strong>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="wow fadeInUp" data-wow-duration="400ms" data-wow-delay="200ms">
					<div class="business-stats" data-digit="4325" data-duration="1000"></div>
					<strong>当前服务</strong>
				</div>
			</div>
			<div class="col-md-3 col-sm-6 col-xs-12">
				<div class="wow fadeInUp" data-wow-duration="400ms" data-wow-delay="300ms">
					<div class="business-stats" data-digit="2568" data-duration="1000"></div>
					<strong>已服务</strong>
				</div>
			</div>
		</div>
	</div>
</section><!--/#business-stats-->


<!--<section class="testimonial-area" id="testimonial">-->
		<!--<div class="container">-->
			<!--<div class="section-header">-->
			<!--<h2 class="section-title wow fadeInDown">Testimonial</h2>-->
			<!--<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>-->
		<!--</div>-->
			<!--<div class="row">-->
				<!--<div class="col-md-4">-->
					<!--<div class="single-testimonial animate_fade_in" style="opacity: 1; right: 0px;">-->
						<!--<div class="row">-->
							<!--<div class="col-xs-12">-->
								<!--<blockquote>Sontrary to popular belief, Lorem Ipsuis no simply random text. It has roots in a piece of classical Layears old. belief, Lorem Ipsuis not simply</blockquote>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="row">-->
							<!--<div class="col-xs-3">-->
								<!--<img src="images/pic1.jpg" alt="client">-->
							<!--</div>-->
							<!--<div class="col-xs-9 half-gutter">-->
								<!--<h5>John Bond</h5>-->
								<!--<h6>Lorem Ipsuis simply</h6>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
				<!--<div class="col-md-4">-->
					<!--<div class="single-testimonial animate_fade_in" style="opacity: 1; right: 0px;">-->
						<!--<div class="row">-->
							<!--<div class="col-xs-12">-->
								<!--<blockquote>Tontrary to popular belief, Lorem Ipsuis no simply random text. It has roots in a piece of classical Layears old. belief, Lorem Ipsuis not simply</blockquote>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="row">-->
							<!--<div class="col-xs-3">-->
								<!--<img src="images/pic2.jpg" alt="client">-->
							<!--</div>-->
							<!--<div class="col-xs-9 half-gutter">-->
								<!--<h5>John Bond</h5>-->
								<!--<h6>Lorem Ipsuis simply</h6>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
				<!--<div class="col-md-4">-->
					<!--<div class="single-testimonial animate_fade_in" style="opacity: 1; right: 0px;">-->
						<!--<div class="row">-->
							<!--<div class="col-xs-12">-->
								<!--<blockquote>Aontrary to popular belief, Lorem Ipsuis no simply random text. It has roots in a piece of classical Layears old. belief, Lorem Ipsuis not simply</blockquote>-->
							<!--</div>-->
						<!--</div>-->
						<!--<div class="row">-->
							<!--<div class="col-xs-3">-->
								<!--<img src="images/pic1.jpg" alt="client">-->
							<!--</div>-->
							<!--<div class="col-xs-9 half-gutter">-->
								<!--<h5>John Bond</h5>-->
								<!--<h6>Lorem Ipsuis simply</h6>-->
							<!--</div>-->
						<!--</div>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->
	<!--</section>-->
<section id="contact-us">
	<div class="container">
		<div class="section-header">
			<h2 class="section-title  ">联系我们</h2>
			<!--<p class="wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p>-->
		</div>
	</div>
</section><!--/#contact-us-->


<section id="contact">
	
	<div class="container">
		<div class="container contact-info">
			<div class="row">
			  <div class="col-sm-5 col-md-5">
					<div class="contact-form">
						<h3>联系信息</h3>

						<address>
						  <!--<strong>Amazing Company, Inc.</strong><br>-->
							<div>联系邮箱:1279289149@qq.com</div>
							成都市、高新区、天益街、理想中心 一栋 804室<br>
						  <abbr title="Phone">联系电话:</abbr> 028-67179051
						</address>
				</div></div>
			</div>
		</div>
	</div>   
</section><!--/#bottom-->

<footer id="footer">
	<div class="container">
		<div class="row">
			<div class="col-sm-6">Copyright &copy; 2017.四川点墨三合科技有限公司 All rights reserved. </div>

		</div>
	</div>
</footer><!--/#footer-->

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script> 
<script src="js/mousescroll.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.inview.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom-scripts.js"></script>
</body>
</html>